# Tailwindcss 2.x

目前，有些用户由于现有的项目，已经是 `webpack 4`, `postcss 7.x` 且无法往上升级，但是又想要使用 `tailwindcss`, 

所以写了这个文档作为参考，在现有版本的情况下，**不推荐**任何的新项目使用

## 安装

在这种条件下，只能使用 `tailwindcss 2.x` 版本。

参考 https://v2.tailwindcss.com/docs/installation#post-css-7-compatibility-build 中的安装方式

安装好之后，一定要打开 `jit` 模式, https://github.com/icebreaker-trash/uni-app-vue2-tailwind-hbuilder-template/blob/master/tailwind.config.js

具体更多的细节，详见下方模板代码。

## vue2 hbuilderx 参考模板

注意，一定要在开发环境中设置 

```js
process.env.TAILWIND_MODE = "watch"
```

才能正常热更新

模板源代码地址:

https://github.com/icebreaker-template/uni-app-vue2-tailwind-hbuilder-template


